<div class="footer">
    <div class='red'>
        <img src="${ctxPath}/image/pic_banner_TW.png" alt="">
        <div class="footer-link">
            <a tabindex="0" role="button" data-trigger="focus" data-toggle="popover" title="" id="qr_wx"><img src="${ctxPath}/image/ic_wechat.png" alt="" class="icon">官方公眾號</a>
            <a href="https://weibo.com/u/7488270258?topnav=1&wvr=6&topsug=1&is_all=1" target="_blank"><img src="${ctxPath}/image/ic_weibo.png" alt="" class="icon">官方微博</a>
            <a href="https://www.zhihu.com/people/dan-an-ti-yu" target="_blank"><img src="${ctxPath}/image/ic_zhihu.png" alt="" class="icon">官方知乎</a>
            <a tabindex="0" role="button" data-trigger="focus" data-toggle="popover" title="" id="douyin"><img src="${ctxPath}/image/ic_douyin.png" alt="" class="icon">官方抖音</a>
            <a tabindex="0" role="button" data-trigger="focus" data-toggle="popover" title="" id="qr_xcx"><img src="${ctxPath}/image/ic_qrcode.png" alt="" class="icon">官方小程序</a>
        </div>
    </div>
    <div class="btm" style="margin-top:-30px">
        <!-- 11-6 -->
        <div style="text-align: left;">
            <img src="${ctxPath}/image/ic_logo.png" alt="" class="logo" style="width: 136px;height: 40px;">
            <span class="name" style="font-size:20px;vertical-align: baseline;margin-left: 10px;">潜水警報網</span>
        </div>
        <div class="link" style="margin-top:0px">
            <div class="copyright">
                DAN China，Ltd.ABN55324165878.版權所有©DAN World 2020
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/js/bootstrap.bundle.min.js"></script>
<script>
    var setPopover=function(ele){
        $("#"+ele).popover({
            animation:true,//淡入淡出
            html:true,//content中插入html代码
            container:"body",
            content:"<img src='${ctxPath}/image/"+ele+".png' class='wechat-img'>",//插入图片的路径 及 样式
        });
    }
    setPopover('qr_wx')
    setPopover('qr_xcx')
    setPopover('douyin')
</script>